<!DOCTYPE html >
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge，chrome=1">
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <script type="text/javascript" src="js/respond.js"></script>
    <link rel="Shortcut Icon" href="app-images/ico_03.png" type="image/x-icon">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <link rel="stylesheet" href="css/style-app.css">
    <title>闻上管家</title>
</head>

<body>
    <div class="main-content">
        <img src="app-images/bg.jpg" height="100%" width="100%">
        <div class="text">
            <ul>
                <li><span class="title-icon"></span>闻上云管家是一款NAS产品，也是一款家庭数据和控制中心。</li>
                <li><span class="title-icon"></span>主要为个人和家庭提供了照片管理、影音管理、离线下载、私有云存储与家庭成员多用户分享等服务</li>
                <li><span class="title-icon"></span>APP用户可以下载相应客户端对闻上云管家进行访问，实现数据备份和分享等功能<span style="color:#00A7BF; font-size:14px;">        (访问公司官网<a target="_blank" href="http://www.winsuntech.cn/">www.winsuntech.cn</a>)</span></li>
            </ul>
        </div>
        <div class="download-ico">
            <ul>
                <li class="android">
                    <a href="javascript:void(0);"><img src="app-images/android.png" height="81" width="400"></a>
                </li>
                <li class="ios">
                    <a href="javascript:void(0);"><img src="app-images/ios.png" height="81" width="400"></a>
                </li>
            </ul>
        </div>
        <!-- <div class="address"><p>访问公司官网<a href="www.winsuntech.cn">www.winsuntech.cn</a></p></div> -->
    </div>
    <div class="pop-case-app">
        <div>
            <p>近期即将上线，请耐心等待哦！</p>
            <span class="close-pop-app">X</span>
        </div>
    </div>
</body>


<script type="text/javascript">
//鼠标悬停图片切换
$(document).ready(function() {
    $('.download-ico li').click(function() {
        $(".pop-case-app").css('display', 'block');
    });
    $('.close-pop-app').click(function() {
        $(".pop-case-app").css('display', 'none');
    });

    $(".android a img").mouseover(
        function() {
            $(".android a img").attr("src", "app-images/android-hover.png")
        });
    $(".android a img").mouseout(
        function() {
            $(".android a img").attr("src", "app-images/android.png")
        });

    $(".ios a img").mouseover(
        function() {
            $(".ios a img").attr("src", "app-images/ios-hover.png")
        });
    $(".ios a img").mouseout(
        function() {
            $(".ios a img").attr("src", "app-images/ios.png")
        });

});


// 字体随窗口放大缩小
// $(document).ready(function() { 
//     var resizeText = function () {
//         // Standard height, for which the body font size is correct
//         var preferredFontSize = 66; // %
//         var preferredSize = 1024 * 768;

//         var currentSize = $(window).width() * $(window).height();
//         var scalePercentage = Math.sqrt(currentSize) / Math.sqrt(preferredSize);
//         var newFontSize = preferredFontSize * scalePercentage;
//         $("body").css("font-size", newFontSize + '%');
//     };

//     $(window).bind('resize', function() {
//         resizeText();
//     }).trigger('resize');

// });
</script>

</html>
